<template>
  <view class="comA-container">
    <text style="font-size: 32rpx; font-weight: bold; color: #333;">子组件A</text>
    <view class="coma-box" style="margin: 20rpx 0;">
      <text>父组件传进来的值：</text>
      <text style="font-weight: bold; color: red; font-size: 30rpx;">{{ intent }}</text>
    </view>
    <button 
      type="primary" 
      @click="sendDataToBrother" 
      style="width: 100%;"
    >
      传值给子组件B
    </button>
  </view>
</template>

<script>
export default {
  // 接收父组件传值：通过props定义属性
  props: ['intent'], 
  methods: {
    // 给兄弟组件B传值（全局事件）
    sendDataToBrother() {
      const sendValue = this.intent; // 要传给兄弟的值（复用父组件传来的intent）
      console.warn("子A给兄弟B传值：", sendValue);
      uni.$emit('getIntent', sendValue); // 触发全局事件，携带值
    }
  }
};
</script>

<style scoped>
.comA-container {
  border: 1px solid #eee;
  padding: 20rpx;
  border-radius: 10rpx;
}
.coma-box {
  padding: 15rpx;
  background: #f9f9f9;
  border-radius: 5rpx;
}
</style>